<template>
	<div class="Loading_container" v-show="isShow" >
		<div class="Loading_wrapper">
			<div class="Loading_hz">
				<div class="Loading_img">
					<img src='../../assets/longin.gif'/>
				</div>
				<div>
					<button @click="onClick">确认</button>
					<button>取消</button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data(){
		return{
			isShow:true
		}
		},
		methods:{
			onClick(){
				this.isShow=false
			}
		}
	}
</script>

<style scoped>
.Loading_container{
	width: 100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.295);
	z-index: 999;
	position: fixed;
	top: 0px;
	left: 0px;
}
.Loading_wrapper{
	width: 80vw;
	height: 50vh;
	margin: 80px  70px;
	

}
.Loading_img img{
	text-align: center;
	width: 80%;
	height: 200px;
}
.Loading_hz button{
	width: 6.25rem;
	height: 50px;
	margin-left: 3px;
}
</style>